
import './videoItem.less'
import VideoPlayer from '../videoPlayer/videoPlayer'

function VideoItem(props) {
    const hisLook = (e) => {
        props.hisLook()
        console.info(2222)
        e.stopPropagation()
    }
    return <div className={`${props.className} video-item`} onClick={props.onClick}>
        <div className='video-item-top'>
            <span className='video-item-title'>{ props.userName }</span>
            <span className='video-item-his' onClick={hisLook}>回看</span>
        </div>
        <VideoPlayer className='video-player' url={props.url} type={props.type}></VideoPlayer>
    </div>
}

export default VideoItem